<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/animate.css"/>
    <style>
        .animated{
            animation-duration: 5s;
        }
    </style>
</head>
<body>
       <div class="animated bounce">你好，世界</div>
       <button class="btn">点击出现动画效果</button>
       <p>我是新来的</p>
<script src="js/jquery.min.js"></script>
<script>
    console.log($);
    console.log($===jQuery);
    //锋利的jquery   高级编程js
  //jquery里面都是封装的函数，咱们可以给jquery类库添加属于自己封装的函数
    //在使用jquery的时候必须要进行初始化的操作（两种）
  //todo  第一种初始化的方式
    $(function(){
        //给button添加点击事件，点击的时候给p添加class名称
        $(".btn").click(function(e){
//            $("p").attr({ class: "animated zoomInDown"});
            $("p").addClass("animated zoomInDown infinite");
        });
    });

    //todo  第二种初始化的方式
//    $(document).ready();





</script>
</body>
</html>